<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@ include file="header.jsp"%>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>

<script type="text/javascript" src="js/lrscroll_1.js"></script>

<link rel="stylesheet" type="text/css" href="css/ShopShow.css" />
<link rel="stylesheet" type="text/css" href="css/MagicZoom.css" />
<script type="text/javascript" src="js/MagicZoom.js"></script>

<script type="text/javascript" src="js/num.js">
	var jq = jQuery.noConflict();
</script>
<script type="text/javascript" src="js/cart/cart.js"></script>
<script type="text/javascript" src="js/p_tab.js"></script>

<script type="text/javascript" src="js/shade.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/lrscroll_1.js"></script>
<script type="text/javascript" src="js/n_nav.js"></script>
<title>易买网</title>
</head>
<body>
	<!--Begin Header Begin-->
	<div id="searchBar">
    <%@ include file="searchBar.jsp" %>
    </div>
	<!--Begin Header Begin-->
	<!--End Header End-->
	<!--Begin Menu Begin-->
	<div class="menu_bg">
		<div class="menu">
			<!--Begin 商品分类详情 Begin-->
			<div class="nav">
				<div class="nav_t">全部商品分类</div>
				<div class="leftNav">
					<ul>
						<c:forEach items="${requestScope.listProductCategory}"
							var="category">
							<c:if test="${category.type == 1 }">
								<li>
									<div class="fj">
										<span class="n_img"><span></span><img
											src="images/nav1.png" /></span> <span class="fl"><a
											href="ProductServlet?action=queryList&categoryId=${category.id }&categoryLeve1=${category.type }&currPage=1">${category.name }</a></span>
									</div>
									<div class="zj">
										<div class="zj_l">
											<c:forEach items="${requestScope.listProductCategory}"
												var="category2">
												<c:if
													test="${category2.type == 2 and category2.parentId == category.id}">
													<div class="zj_l_c">
														<h2>
															<a
																href="ProductServlet?action=queryList&categoryId=${category2.id }&categoryLeve1=${category2.type}&currPage=1">${category2.name}</a>
														</h2>
														<c:forEach items="${requestScope.listProductCategory}"
															var="category3">
															<c:if
																test="${category3.type == 3 and category3.parentId == category2.id}">
																<a
																	href="ProductServlet?action=queryList&categoryId=${category3.id }&categoryLeve1=${category3.type}&currPage=1">${category3.name }</a>|
													        </c:if>
														</c:forEach>
													</div>
												</c:if>
											</c:forEach>
										</div>
										<div class="zj_r">
											<a href="CategoryList.html"><img src="images/n_img1.jpg"
												width="236" height="200" /></a> <a href="CategoryList.html"><img
												src="images/n_img2.jpg" width="236" height="200" /></a>
										</div>
									</div>
								</li>
							</c:if>
						</c:forEach>
					</ul>
				</div>
			</div>
			<!--End 商品分类详情 End-->
			<ul class="menu_r">
				<li><a href="Index.html">首页</a></li>
				<c:forEach items="${requestScope.listProductCategory}"
					var="category">
					<c:if test="${category.type == 1 }">
						<li><a
							href="ProductServlet?action=queryList&categoryId=${category.id }&categoryLeve1=${category.type}&currPage=1">${category.name }</a></li>
					</c:if>
				</c:forEach>
			</ul>
			<div class="m_ad">中秋送好礼！</div>
		</div>
	</div>
	<!--End Menu End-->
	<div class="i_bg">
		<div class="postion"></div>
		<div class="content">
			<div id="tsShopContainer">
				<div id="tsImgS">
					<a href="images/p_big.jpg" title="Images" class="MagicZoom"
						id="MagicZoom"><img src="images/p_big.jpg" width="390"
						height="390" /></a>
				</div>
			</div>
			<div class="pro_des">
				<div class="des_name">
					<input type="hidden" value="733" name="entityId" class="n_ipt">
					<p>${requestScope.produce.name }</p>
					“开业巨惠，北京专柜直供”，不光低价，“真”才靠谱！
				</div>
				<div class="des_price">
					本店价格：<b>￥${requestScope.produce.price }</b><br>
				</div>
				<div class="des_price">
					库存：<b>${requestScope.produce.stock }</b><br>
				</div>
				<div class="des_choice">
					<span class="fl">型号选择：</span>
					<ul>
						<li class="checked">30ml
							<div class="ch_img"></div>
						</li>
						<li>50ml
							<div class="ch_img"></div>
						</li>
						<li>100ml
							<div class="ch_img"></div>
						</li>
					</ul>
				</div>
				<div class="des_choice">
					<span class="fl">颜色选择：</span>
					<ul>
						<li>红色
							<div class="ch_img"></div>
						</li>
						<li class="checked">白色
							<div class="ch_img"></div>
						</li>
						<li>黑色
							<div class="ch_img"></div>
						</li>
					</ul>
				</div>
				<br> <br>
				<div class="des_join">
					<div class="j_nums">
						<input type="text" value="1" name="quantity" class="n_ipt">
						<input type="button" value="" onclick="addUpdate(jq(this));"
							class="n_btn_1"> <input type="button" value=""
							onclick="jianUpdate(jq(this));" class="n_btn_2"> <input
							type="hidden" name="productStock" value="1">
					</div>
					<span class="fl"><a onclick="ShowDiv_1('MyDiv1','fade1')"><img
							src="images/j_car.png" /></a></span>
				</div>
			</div>
		</div>
		<div class="content mar_20">
			<div id="favoriteList">




				<div class="l_history">
					<div class="fav_t">我的收藏</div>


				</div>
			</div>
			<div class="l_list">
				<div class="des_border">
					<div class="des_tit">
						<ul>
							<li class="current"><a href="#p_attribute">商品属性</a></li>
							<li><a href="#p_details">商品详情</a></li>
						</ul>
					</div>
					<div class="des_con" id="p_attribute">
						<table border="0" align="center"
							style="width: 100%; font-family: '宋体'; margin: 10px auto;"
							cellspacing="0" cellpadding="0">
							<tbody>
								<tr>
									<td>商品名称：香奈儿</td>
									<td>商品价格：152.0</td>
									<td>品牌： 迪奥（Dior）</td>
									<td>上架时间：2015-09-06 09:19:09</td>
								</tr>
								<tr>
									<td>商品毛重：160.00g</td>
									<td>商品产地：法国</td>
									<td>香调：果香调香型：淡香水/香露EDT</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td>容量：1ml-15ml</td>
									<td>类型：女士香水，Q版香水，组合套装</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="des_border" id="p_details">
					<div class="des_t">商品详情</div>
					<div class="des_con">
						<table border="0" align="center"
							style="width: 745px; font-size: 14px; font-family: '宋体';"
							cellspacing="0" cellpadding="0">
							<tbody>
								<tr>
									<td>订单</td>
								</tr>
							</tbody>
						</table>
						<p align="center">
							<img src="/EasyBuy/files/27A1789ED5764D82A5506DF3DC3933F9.jpg"
								width="185" height="155">
						</p>
					</div>
				</div>
			</div>
		</div>

		<!--Begin 弹出层-加入购物车 Begin-->
	</div>
</body>
</html>